@charset "utf-8";


@import "common";


.container-fluid{
    .headimg{
        width: 100%;
//      height: 276px;
        @include imgoverflow;
        img{
            max-width: 100%;
            vertical-align: middle;
        }
    }
    /*公司简介*/
    .abstract{
        .row{
            color: #2a2a2a;
            padding-top: 50px;
            padding-bottom: 40px;
            h2{
                font-size: 36px;
                line-height: 70px;
                padding:0px 15px;
            }
            >p{
                width: calc(8/12*100%);
                font-size: 21px;
                line-height: 30px;
                padding-left: 15px;
                padding-right: 15px;
            }
            div:first-of-type p{
               font-size: 14px;
               line-height: 30px;
               text-indent: 25px;
            }
            .layaimg{
                width: 100%;
                max-width:303px;
                height: 176px;
                @include imgoverflow;
                margin: 0 auto;
            }
        }
    }
    /*人才招聘介绍S*/
    .re_head{
        background: #8cc11f;
        /*人才招聘介绍*/
        .row{
           font-size: 16px; 
           color: #fff;
           padding:100px 0px 70px;
           h2{ 
               font-size: 36px; 
               padding-left: 15px;
               margin-bottom: 42px;
            }
            p:first-of-type{
                line-height: 28px;
                margin-bottom: 15px;
            }
            span{
                display: inline-block;
                line-height: 26px;
            }
            .email{
               width: 219px;
               height: 48px;
               line-height: 48px;
               color: #8cc11f; 
               font-size: 24px;
               background: #fff;
               text-align: center;
               border-radius:4px ;
               margin:12px 0px;
            }
        }
    }
    /*招聘岗位S*/
    .recruitment{
        .row{
            padding-top:50px ;
        }
        .re_list{
            color: #2a2a2a;
            padding-bottom: 47px;
            padding-top: 30px;
            border-bottom: 1px solid #d2d2d2;
            &:last-of-type{
                border-bottom: none;
            }
            h2{
                font-size: 26px;
                color: #8cc11f;
                line-height:65px ;
            }
            h3{
                font-size: 18px;
            }
            p{
                font-size: 14px;
                text-indent: 20px;
                line-height: 35px;
            }
        }
    }
    /*联系方式*/
    .contact{
        background: #f4f4f4;
        .row{
            color: #2a2a2a;
            padding-top: 20px;
            padding-bottom: 60px;
            h2{
                font-size:36px ;
                padding-left: 15px;
            }
            .con_list{
                display: table;
                width: 100%;
                max-width: 469px;
                height: 103px;
                border: 1px solid #e3e3e3;
                border-radius: 4px;
                background: #fff;
                padding: 15px 18px 15px 18px;
                margin-top: 20px;
                .list_img{
                    display: table-cell;
                    width: 70px;
                    height: 70px;
                    @include imgoverflow;
                }
                span{
                    display: table-cell;
                    font-size: 16px;
                    padding-left: 10px;
                    vertical-align: middle;
                }
            }
        }
    }
}



/*小屏幕 平板 (≥768px)*/
@media only screen and (max-width:991px) and (min-width:768px){
    .container-fluid{
        .abstract .row{ 
            h2{
                text-align: center;
            }
            p{
                width: 100%;
            }
            .layaimg{
                display: none;
            }
        }
        .recruitment {
            
        }
        .contact{
            h2{
                 text-align: center;
             }
            .con_list{
                margin: 0 auto;
            }
        }
    }
}

/**手机端<768px)**/
@media only screen and (max-width:767px){
    .container-fluid{
        .abstract .row{ 
            padding-top: 20px;
            h2{
                text-align: center;
            }
            p{
                width: 100%;
            }
            .layaimg{
                display: none;
            }
        }
        .re_head .row{
            padding-top: 50px;
        }
        .recruitment{
            .row{
                padding-top:30px ;
            }
            .re_list{
                padding-bottom: 20px;
                padding-top:10px;
            }
        }
         .contact{
            .con_list{
                margin: 0 auto;
            }
        }
    }
}